body{background-color: #f0f0f0;}
#document-body{background-color: #f0f0f0;padding:0px 0;}

#document-main{}

#document-wrap{padding:1px 0;}
#document-wrap .article-main{padding:10px 0;background-color: #fff;}
#document-wrap #title{margin: 0 30px;font-size: 18px;}
#document-wrap #info{margin:20px 30px;font-size: 14px;padding-bottom:15px;border-bottom: 1px dashed #f1f1f1;}
#document-wrap #info>span{margin-right:15px;}
#document-wrap #description{background-color: #f5f5f5;margin:20px 25px;padding:20px 30px;line-height: 1.5em;color:#333;text-indent: 2em;}
#document-wrap #content{margin:40px 35px 30px 35px;}

/* 上下文 */
#document-wrap #article-side{display:block;background-color: #fff;margin:10px 0;padding: 20px 10px;}
#article-side>div>div{box-sizing: border-box; font-size: 14px;color: rgb(51, 122, 183);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 10px;}
#article-side>div>div>span{font-weight: bold;color: #333;}
#article-side>div>div>a{font-weight: normal;}



#document-aside{}

#document-aside .aside-block{box-sizing: border-box;background-color: #0198cd;color:#fff;width: 100%;height: 90px;}

#document-aside section,#article-keyword .keyword>li,#article-keyword .keyword>li>a{transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
#document-aside section{box-sizing: border-box; border: 1px solid #fff;background-color: #fff;margin-bottom: 10px;padding: 10px; }
section .title>h5{font-size: 18px;line-height: 2em;color: #555;margin:0 0 10px 0;}
#document-aside section:hover{border-color: #ccc;}

#article-keyword{ }
#article-keyword .title>h5{  }
#article-keyword .keyword>li{background-color: #444;margin: 3px 2px;display: inline-block;padding:4px 10px;border-radius: 2px;}
#article-keyword .keyword>li:hover{background-color: #000;}
#article-keyword .keyword>li:hover>a{color: #fff;}
#article-keyword .keyword>li>a{color: #ccc;font-size: 14px;}

#web-process li {
    display: inline-block;
    padding: 0 34px 36px 0;
    position: relative;
}
#web-process li div {
    width: 87px;
    height: 67px;
    text-align: center;
    background: #555;/* ff6700 */
    color: #fff;
    font-size: 16px;
    padding-top: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 20px;
/*     word-wrap:break-word;
padding:30px 10px 0 10px;
box-sizing: border-box; */
}
#web-process li.pr0 {
    padding-right: 0;
}
#web-process li.last div {
    width: 215px;
}
#web-process li em.down {
    display: block;
    width: 97px;
    height: 36px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/process_down.png) no-repeat center;
}
#web-process li em.right {
    display: block;
    width: 28px;
    height: 97px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/process_right.png) no-repeat center;
}

#web-process li.last div p {
    text-align: left;
    background: url(../images/process_t.png) no-repeat left;
    padding-left: 22px;
    margin: 0 0 0 38px;
}
#web-process li.last div p.mobile {
    background-image: url(../images/process_m.png);
}


/** 产品详情页面 **/
#item-detail{margin-bottom: 8px;}
#item-detail>.wrap{background-color: #fff;}
#item-detail #item-thumb{padding: 10px;}
#item-detail #item-intro{padding: 10px 0;margin:20px;font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
#item-detail #item-intro>.title>h1{line-height: 1;margin: 0;padding: 0;font-size: 24px;font-weight: normal;color: #212121;}
#item-detail #item-intro>.description{color: #666;padding-top: 9px;}
#item-detail #item-intro>.price{display: block;font-size: 18px;line-height: 1;color: #ff6700;border-bottom: 1px solid #e0e0e0;padding: 12px 0 20px;}

#document-wrap #document-nav{background-color: #fff;padding:0 10px;padding-top: 5px;}
#document-wrap #document-nav>ul{border-bottom:1px solid #c2c2c2;}
#document-wrap #document-nav>ul>li{float: left;padding: 15px 20px;font-size: 14px;display: block;border-bottom: 2px solid #fff;}
#document-wrap #document-nav>ul>li[class='on']{border-color: #cfbfb1;}
#document-wrap #document-nav>ul>li[class='on']>a{color:#666;}

#document-wrap #document-intro{background-color: #fff;padding: 5px 10px;}
#document-wrap #document-intro>ul{background-color: #f1f1f1;padding: 10px;}
#document-wrap #document-intro>ul>li{font-size: 14px;color: #666;width: 33%;float: left;padding: 5px 0;box-sizing: border-box;}